<div class="property-dialog">
    <DialougueProperty v-if="nodeData.type === 'dialogueNode'" :treeData="treeData" :nodeData="nodeData" :lf="lf" @onClose="handleClose" />
    <ConFlowProperty v-if="nodeData.type === 'convFlowNode'" :treeData="treeData" :nodeData="nodeData" :lf="lf" @onClose="handleClose" />
    <StartProperty v-if="nodeData.type === 'startNode'" :treeData="treeData" :nodeData="nodeData" :lf="lf" @onClose="handleClose" />
    <EndProperty v-if="nodeData.type === 'endNode'" :treeData="treeData" :nodeData="nodeData" :lf="lf" @onClose="handleClose" />
    <ChoiceProperty v-if="nodeData.type === 'choiceNode'" :treeData="treeData" :nodeData="nodeData" :lf="lf" @onClose="handleClose" />
    <FightProperty v-if="nodeData.type === 'fightNode'" :treeData="treeData" :nodeData="nodeData" :lf="lf" @onClose="handleClose" />
    <RewardProperty v-if="nodeData.type === 'rewardNode'" :allReward="allReward" :treeData="treeData" :nodeData="nodeData" :lf="lf" @onClose="handleClose" />
</div>